<template>
  <div class="">
    <el-dialog title="包赔认证详情" :visible.sync="dialogVisible" :close-on-click-modal="false" width="1000px" @close="close" :close-on-press-escape="false">
      <div class="">
        <el-descriptions title="" border :column="3">
          <el-descriptions-item label="姓名">{{form.name}}</el-descriptions-item>
          <el-descriptions-item label="身份证号">{{form.idCard}}</el-descriptions-item>
          <el-descriptions-item label="手机号">{{form.phoneNumber}}</el-descriptions-item>
          <el-descriptions-item label="身份证正面">
            <img-box :img="form.emblemIdcardImg" width="150px"></img-box>
          </el-descriptions-item>
          <el-descriptions-item label="身份证反面">
            <img-box :img="form.faceIdcardImg" width="150px"></img-box>
          </el-descriptions-item>
          <el-descriptions-item label="手持身份证" :span="3">
            <img-box :img="form.handIdcardImg"></img-box>
          </el-descriptions-item>

          <el-descriptions-item label="其他图片" :span="3">
            <img-box :img="form.img"></img-box>
          </el-descriptions-item>
          <el-descriptions-item label="收款信息"  :span="3">
            {{ form.collectionRemark }}
          </el-descriptions-item>
          <el-descriptions-item label="现居地址" :span="3">{{form.adress||'暂无'}}</el-descriptions-item>
          <el-descriptions-item label="定位地址" :span="3">{{form.gpsAddr||'暂无'}}</el-descriptions-item>
          <el-descriptions-item label="家庭信息" :span="3">{{form.familyRemark||'暂无'}}</el-descriptions-item>
          <el-descriptions-item label="其他信息" :span="3">{{form.otherRemark||'暂无'}}</el-descriptions-item>
        </el-descriptions>
        <div class="center" style="margin-top: 15px;">
          <el-button class="font16" plain type="" @click="close">关闭 </el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import baopeiApi from "@/api/retrieveManage/baopei.js";
export default {
  name: "",
  components: {},
  data() {
    return {
      loading: false,
      dialogVisible: false,
      form: {},
      rules: {
       
      },
      userId:''
    };
  },
  methods: {
    open(id) {
      this.dialogVisible = true;
      this.userId = id
      this.getByTypeAndBusinessId()
    },
    // 查询包赔认证信息
    async getByTypeAndBusinessId() {
      try {
        const res = await baopeiApi.getByTypeAndBusinessId({
          type: 1,
          businessId: this.userId,
        });
        if (res.data) {
          this.form =  res.data;
        } else {
          return false;
        }
      } catch (error) {
        return false;
      }
    },
    close() {
      this.dialogVisible = false;
    },
  },
};
</script>
<style scoped lang="scss">

</style>
